/**************************************
* VLOOK CSS 调色板
*
* V12.0
* 2021-10-30
*
* 配合 base.less 进行使用
*
***************************************/

// 纯透明色
@transparencyColor0: fade(#FFFFFF, 0);
@transparencyColor1: fade(#FFFFFF, 20%);
@transparencyColor2: fade(#FFFFFF, 40%);
@transparencyColor3: fade(#FFFFFF, 60%);
@transparencyColor4: fade(#FFFFFF, 80%);

// 文档背景色（浅色方案）
@docBgColorLight: #FFFFFF;
@docBgColorLightAlt: darken(@docBgColorLight, 8%);
@docBgColorLightFade: fade(@docBgColorLight, 30%);
// 文档背景色（深色方案）
@docBgColorDark: #181A1E;
@docBgColorDarkAlt: lighten(@docBgColorDark, 15%);
@docBgColorDarkFade: fade(@docBgColorDark, 30%);

// 文档前景色（浅色方案）
@foreColorLight: #181A1E;
@foreColorLightAlt: lighten(@foreColorLight, 40%);
@foreColorLightFade: fade(@foreColorLight, 50%);
@foreColorLightFade1: fade(@foreColorLight, 15%);
@foreColorLightFade2: fade(@foreColorLight, 10%);
@foreColorLightFade3: fade(@foreColorLight, 5%);
// 文档前景色（深色方案）
@foreColorDark: #E0E4E8;
@foreColorDarkAlt: darken(@foreColorDark, 30%);
@foreColorDarkFade: fade(@foreColorDark, 50%);

// 表格（浅色方案）
@tableColor: #B0B4B8; // 表格基础色
@tableBorderColor: fade(@tableColor, 80%); // 表格边框
@tableHeaderColor: darken(@tableColor, 10%);
@tableThBgColor: fade(@tableColor, 40%); // 表头背景
@tableTdBgColor: fade(@tableColor, 20%); // 表体偶数行
@tableCellBorderColor: fade(@tableColor, 30%); // 单元格边框

// 表格（深色方案）
@tableColorDark: #707478; // 表格基础色
@tableBorderColorDark: fade(@tableColorDark, 80%); // 表格边框
@tableHeaderColorDark: lighten(@tableColorDark, 10%);
@tableThBgColorDark: fade(@tableColorDark, 40%); // 表头背景
@tableTdBgColorDark: fade(@tableColorDark, 20%); // 表体偶数行
@tableCellBorderColorDark: fade(@tableColorDark, 30%); // 单元格边框

// 指定在 Dark Mode 时反转的图片边框颜色（先使用反色，这样在反转时则能保持与色一致）
@imgInvertInDarkBorderColor: rgb(255 - red(@docBgColorDarkAlt), 255 - green(@docBgColorDarkAlt), 255 - blue(@docBgColorDarkAlt));

// --------------------
// 通用的强调色色板
@accColorRed: #C72334;
@accColorRedDark: darken(@accColorRed, 20%);
@accColorRedAlt: lighten(@accColorRed, 50%);
@accColorRedAltDark: darken(@accColorRedAlt, 60%);
// @accColorRedFade: fade(@accColorRed, 25%);

@accColorOrange: #E27D09;
@accColorOrangeDark: darken(@accColorOrange, 20%);
@accColorOrangeAlt: lighten(@accColorOrange, 48%);
@accColorOrangeAltDark: darken(@accColorOrangeAlt, 60%);
// @accColorOrangeFade: fade(@accColorOrange, 25%);

@accColorYellow: #DEB307;
@accColorYellowDark: darken(@accColorYellow, 20%);
@accColorYellowAlt: lighten(@accColorYellow, 50%);
@accColorYellowAltDark: darken(@accColorYellowAlt, 60%);
// @accColorYellowFade: fade(@accColorYellow, 25%);

@accColorGreen: #38AB21;
@accColorGreenDark: darken(@accColorGreen, 20%);
@accColorGreenAlt: lighten(@accColorGreen, 55%);
@accColorGreenAltDark: darken(@accColorGreenAlt, 60%);
// @accColorGreenFade: fade(@accColorGreen, 25%);

@accColorCyan: #18A8BF;
@accColorCyanDark: darken(@accColorCyan, 20%);
@accColorCyanAlt: lighten(@accColorCyan, 55%);
@accColorCyanAltDark: darken(@accColorCyanAlt, 60%);
// @accColorCyanFade: fade(@accColorCyan, 25%);

@accColorBlue: #056BF0;
@accColorBlueDark: darken(@accColorBlue, 20%);
@accColorBlueAlt: lighten(@accColorBlue, 45%);
@accColorBlueAltDark: darken(@accColorBlueAlt, 55%);
// @accColorBlueFade: fade(@accColorBlue, 25%);

@accColorPurple: #7738DC;
@accColorPurpleDark: darken(@accColorPurple, 20%);
@accColorPurpleAlt: lighten(@accColorPurple, 40%);
@accColorPurpleAltDark: darken(@accColorPurpleAlt, 50%);
// @accColorPurpleFade: fade(@accColorPurple, 25%);

@accColorPink: #DB43B2;
@accColorPinkDark: darken(@accColorPink, 20%);
@accColorPinkAlt: lighten(@accColorPink, 38%);
@accColorPinkAltDark: darken(@accColorPinkAlt, 60%);
// @accColorPinkFade: fade(@accColorPink, 25%);

@accColorBrown: #A47546;
@accColorBrownDark: darken(@accColorBrown, 20%);
@accColorBrownAlt: lighten(@accColorBrown, 48%);
@accColorBrownAltDark: darken(@accColorBrownAlt, 60%);
// @accColorBrownFade: fade(@accColorBrown, 25%);

@accColorGray: #7B7D82;
@accColorGrayDark: darken(@accColorGray, 20%);
@accColorGrayAlt: lighten(@accColorGray, 45%);
@accColorGrayAltDark: darken(@accColorGrayAlt, 55%);
// @accColorGrayFade: fade(@accColorGray, 25%);

// --------------------
// Mermaid 专用的强调色色板
@mmColorRed: @accColorRed;
@mmColorRedAlt: lighten(@mmColorRed, 35%);

@mmColorOrange: @accColorOrange;
@mmColorOrangeAlt: lighten(@mmColorOrange, 35%);

@mmColorYellow: @accColorYellow;
@mmColorYellowAlt: lighten(@mmColorYellow, 35%);

@mmColorGreen: @accColorGreen;
@mmColorGreenAlt: lighten(@mmColorGreen, 35%);

@mmColorCyan: @accColorCyan;
@mmColorCyanAlt: lighten(@mmColorCyan, 35%);

@mmColorBlue: @accColorBlue;
@mmColorBlueAlt: lighten(@mmColorBlue, 35%);

@mmColorPurple: @accColorPurple;
@mmColorPurpleAlt: lighten(@mmColorPurple, 35%);

@mmColorPink: @accColorPink;
@mmColorPinkAlt: lighten(@mmColorPink, 35%);

@mmColorBrown: @accColorBrown;
@mmColorBrownAlt: lighten(@mmColorBrown, 35%);

@mmColorGray: @accColorGray;
@mmColorGrayAlt: lighten(@mmColorGray, 35%);